// import List from "./List";
// import StateDemo from "./StateDemo";
// import UseMemoDemo from "./UseMemoDemo";
// import useMouse from "./hooks/useMouse";
// import useGetInfo from "./hooks/useGetInfo";
import { useTitle, useMouse } from "ahooks";

function App() {
  // const { x, y } = useMouse();
  // const { loading, info } = useGetInfo();
  useTitle("ahooks");
  const mouse = useMouse();
  return (
    <>
      {/* <List /> */}
      {/* <StateDemo /> */}
      {/* <UseMemoDemo /> */}
      {/* <p>
        current mouse {x} {y}
      </p> */}
      {/* <p>{loading ? "loading..." : info}</p> */}
      <p>
        current mouse {mouse.clientX} {mouse.clientY}
      </p>
    </>
  );
}

export default App;
